<div>&nbsp;</div>

	<div class="large-12 columns"><h5 class="lead">PARENT / LEGAL GUARDIAN INFORMATION</h5></div>
	
	<hr class="clearfix">
	
	<div class="row">
		<div class="large-12 columns">
			<div class="large-4 columns">
				<?php
					if($to_be_display_father == 'father' || $to_be_display_father == ''){
				?>
					<?=form_radio('to_be_display_father', 'father', TRUE, 'id="to_be_display_father"');?>
				<?php
					}else{
				?>
					<?=form_radio('to_be_display_father', 'father', set_radio('to_be_display_father', 'father'), 'id="to_be_display_father"');?>
				<?php
					}
				?>
				<span>Biological Father</span>
			</div>
			<div class="large-4 columns">
				<?php
					if($to_be_display_father == 'step-father'){
				?>
					<?=form_radio('to_be_display_father', 'step-father', TRUE, 'id="to_be_display_step_father"');?>
				<?php
					}else{
				?>
					<?=form_radio('to_be_display_father', 'step-father', set_radio('to_be_display_father', 'step-father'), 'id="to_be_display_step_father"');?>
				<?php
					}
				?>
				<span>Step Father</span>
			</div>
			<div class="large-4 columns">&nbsp;</div>
		</div>
	</div>
	
	<div id="father_info">
		
		<div class="large-12 columns">
			<legend>Information About The Father</legend>
			<br>
			<div class="large-4 columns">
				<span>First Name</span>
				<?='<br>'.form_error('father_name');?>
				<input type="text" name="father_name" value="<?=set_value('father_name');?>">
			</div>
			<div class="large-4 columns">
				<span>Middle Name</span>
				<?='<br>'.form_error('father_mname');?>
				<input type="text" name="father_mname" value="<?=set_value('father_mname');?>">
			</div>
			<div class="large-4 columns">
				<span>Last Name</span>
				<?='<br>'.form_error('father_lname');?>
				<input type="text" name="father_lname" value="<?=set_value('father_lname');?>">
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">	
			<div class="large-4 columns">
				<span>Citizenship (Passport)</span>
				<?='<br>'.form_error('father_citizenship');?>
				<input type="text" name="father_citizenship" value="<?=set_value('father_citizenship');?>">
			</div>
			
			<div class="large-4 columns">
				<span>Philippine Visa Status</span>
				<?='<br>'.form_error('father_visa');?>
				<input type="text" name="father_visa" value="<?=set_value('father_visa');?>">
			</div>
			
			<div class="clearfix"></div>
			
			<div class="large-4 columns">
				<span>Employer or Organization</span>
				<?='<br>'.form_error('father_occup');?>
				<input type="text" name="father_occup" value="<?=set_value('father_occup');?>">
			</div>

			<div class="large-4 columns">
				<span>Office Phone Number</span>
				<?='<br>'.form_error('father_office_tel');?>
				<input type="text" name="father_office_tel" value="<?=set_value('father_office_tel');?>">
			</div>
			<div class="large-4 columns">
				<span>Mobile Number</span>
				<?='<br>'.form_error('father_contact_no');?>
				<input type="text" name="father_contact_no" value="<?=set_value('father_contact_no');?>">
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">
			<label><?=form_checkbox('father_contact_no_text', 'yes', set_checkbox('father_contact_no_text', 'yes'));?>&nbsp;<span>Would you like to receive text messages about upcoming events, activities and other school announcements on your mobile number?</span></label> 
		</div>
	</div>
	
	<div id="step_father_info">
		<div class="large-12 columns">
			<legend>Information About The Step-father</legend>
			<br>
			<div class="large-4 columns">
				<span>First Name</span>
				<?='<br>'.form_error('step_father_name');?>
				<input type="text" name="step_father_name" value="<?=set_value('step_father_name');?>">
			</div>
			<div class="large-4 columns">
				<span>Middle Name</span>
				<?='<br>'.form_error('step_father_mname');?>
				<input type="text" name="step_father_mname" value="<?=set_value('step_father_mname');?>">
			</div>
			<div class="large-4 columns">
				<span>Last Name</span>
				<?='<br>'.form_error('step_father_lname');?>
				<input type="text" name="step_father_lname" value="<?=set_value('step_father_lname');?>">
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">
		<div class="large-4 columns">
			<span>Citizenship (Passport)</span>
			<?='<br>'.form_error('step_father_citizenship');?>
			<input type="text" name="step_father_citizenship" value="<?=set_value('step_father_citizenship');?>">
		</div>
		<div class="large-4 columns">
			<span>Philippine Visa Status</span>
			<?='<br>'.form_error('step_father_visa');?>
			<input type="text" name="step_father_visa" value="<?=set_value('step_father_visa');?>">
		</div>
		<div class="clearfix"></div>
		<div class="large-4 columns">
			<span>Employer or Organization</span>
			<?='<br>'.form_error('step_father_occup');?>
			<input type="text" name="step_father_occup" value="<?=set_value('step_father_occup');?>">
		</div>
		<div class="large-4 columns">
			<span>Office Phone Number</span>
			<?='<br>'.form_error('step_father_office_tel');?>
			<input type="text" name="step_father_office_tel" value="<?=set_value('step_father_office_tel');?>">
		</div>
		<div class="large-4 columns">
			<span>Mobile Number</span>
			<?='<br>'.form_error('step_father_contact_no');?>
			<input type="text" name="step_father_contact_no" value="<?=set_value('step_father_contact_no');?>">
		</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">
			<label><?=form_checkbox('step_father_contact_no_text', 'yes');?>&nbsp;<span>Would you like to receive text messages about upcoming events, activities and other school announcements on your mobile number?</span></label> 
		</div>
	</div>
	
	<div class="large-12 columns">&nbsp;</div>
	
	<div class="row">
		<div class="large-12 columns">
			<div class="large-4 columns">
				<?php
					if($to_be_display_mother == 'mother' || $to_be_display_mother == ''){
				?>
					<?=form_radio('to_be_display_mother', 'mother', TRUE, 'id="to_be_display_mother"');?>
				<?php
					}else{
				?>
					<?=form_radio('to_be_display_mother', 'mother', set_radio('to_be_display_mother', 'mother'), 'id="to_be_display_mother"');?>
				<?php
					}
				?>
				<span>Biological Mother</span>
			</div>
			<div class="large-4 columns">
				<?php
					if($to_be_display_mother == 'step-mother'){
				?>
					<?=form_radio('to_be_display_mother', 'step-mother', TRUE, 'id="to_be_display_step_mother"');?>
				<?php
					}else{
				?>
					<?=form_radio('to_be_display_mother', 'step-mother', set_radio('to_be_display_mother', 'step-mother'), 'id="to_be_display_step_mother"');?>
				<?php
					}
				?>
				<span>Step Mother</span>
			</div>
			<div class="large-4 columns">&nbsp;</div>
		</div>
	</div>
	
	<div id="mother_info">
		<div class="large-12 columns">
			<legend>Information About The Mother</legend>
			<br>
			<div class="large-4 columns">
				<span>First Name</span>
				<?='<br>'.form_error('mother_name');?>
				<input type="text" name="mother_name" value="<?=set_value('mother_name');?>">
			</div>
			<div class="large-4 columns">
				<span>Middle Name</span>
				<?='<br>'.form_error('mother_mname');?>
				<input type="text" name="mother_mname" value="<?=set_value('mother_mname');?>">
			</div>
			<div class="large-4 columns">
				<span>Last Name</span>
				<?='<br>'.form_error('mother_lname');?>
				<input type="text" name="mother_lname" value="<?=set_value('mother_lname');?>">
			</div>
		</div>
		<div class="large-12 columns">
			<div class="large-4 columns">
				<span>Citizenship (Passport)</span>
				<?='<br>'.form_error('mother_citizenship');?>
				<input type="text" name="mother_citizenship" value="<?=set_value('mother_citizenship');?>">
			</div>
			<div class="large-4 columns">
				<span>Philippine Visa Status</span>
				<?='<br>'.form_error('mother_visa');?>
				<input type="text" name="mother_visa" value="<?=set_value('mother_visa');?>">
			</div>
			<div class="clearfix"></div>
			<div class="large-4 columns">
				<span>Employer or Organization</span>
				<?='<br>'.form_error('mother_occup');?>
				<input type="text" name="mother_occup" value="<?=set_value('mother_occup');?>">
			</div>
			<div class="large-4 columns">
				<span>Office Phone Number</span>
				<?='<br>'.form_error('mother_office_tel');?>
				<input type="text" name="mother_office_tel" value="<?=set_value('mother_office_tel');?>">
			</div>
			<div class="large-4 columns">
				<span>Mobile Number</span>
				<?='<br>'.form_error('mother_contact_no');?>
				<input type="text" name="mother_contact_no" value="<?=set_value('mother_contact_no');?>">
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">
			<label>
			<?=form_checkbox('mother_contact_no_text', 'yes', set_checkbox('mother_contact_no_text', 'yes'));?>&nbsp;<span>Would you like to receive text messages about upcoming events, activities and other school announcements on your mobile number?</span></label> 
		</div>
	</div>
	
	<div id="step_mother_info">
		<div class="large-12 columns">
		<legend>Information About The Step-mother</legend>
		<br>
		<div class="large-4 columns">
			<span>First Name</span>
			<?='<br>'.form_error('step_mother_name');?>
			<input type="text" name="step_mother_name" value="<?=set_value('step_mother_name');?>">
		</div>
		<div class="large-4 columns">
			<span>Middle Name</span>
			<?='<br>'.form_error('step_mother_mname');?>
			<input type="text" name="step_mother_mname" value="<?=set_value('step_mother_mname');?>">
		</div>
		<div class="large-4 columns">
			<span>Last Name</span>
			<?='<br>'.form_error('step_mother_lname');?>
			<input type="text" name="step_mother_lname" value="<?=set_value('step_mother_lname');?>">
		</div>
		</div>
		<div class="large-12 columns">
		<div class="large-4 columns">
			<span>Citizenship (Passport)</span>
			<?='<br>'.form_error('step_mother_citizenship');?>
			<input type="text" name="step_mother_citizenship" value="<?=set_value('step_mother_citizenship');?>">
		</div>
		<div class="large-4 columns">
			<span>Philippine Visa Status</span>
			<?='<br>'.form_error('step_mother_visa');?>
			<input type="text" name="step_mother_visa" value="<?=set_value('step_mother_visa');?>">
		</div>
		<div class="clearfix"></div>
		<div class="large-4 columns">
			<span>Employer or Organization</span>
			<?='<br>'.form_error('step_mother_occup');?>
			<input type="text" name="step_mother_occup" value="<?=set_value('step_mother_occup');?>">
		</div>
		<div class="large-4 columns">
			<span>Office Phone Number</span>
			<?='<br>'.form_error('step_mother_office_tel');?>
			<input type="text" name="step_mother_office_tel" value="<?=set_value('step_mother_office_tel');?>">
		</div>
		<div class="large-4 columns">
			<span>Mobile Number</span>
			<?='<br>'.form_error('step_mother_contact_no');?>
			<input type="text" name="step_mother_contact_no" value="<?=set_value('step_mother_contact_no');?>">
		</div>
		</div>
		<div class="clearfix"></div>
		<div class="large-12 columns">
			<label>
			<?=form_checkbox('step_mother_contact_no_text', 'yes', set_checkbox('step_mother_contact_no_text', 'yes'));?>&nbsp;<span>Would you like to receive text messages about upcoming events, activities and other school announcements on your mobile number?</span></label> 
		</div>
	</div>

	<hr class="clearfix">

<div>
	<input type="hidden" id="to_be_checked_father" value="<?php echo $to_be_display_father; ?>">
	<input type="hidden" id="to_be_checked_mother" value="<?php echo $to_be_display_mother; ?>">
	<a href="#" id="panel_2" class="btn btn-primary">Continue Part 3: Medical Information and Health History</a>
</div>




<script>
$( document ).ready(function() {
	var tobecheckedfather =  $('#to_be_checked_father').val();
	var tobecheckedmother =  $('#to_be_checked_mother').val();
	
	$('#to_be_display_father').on('click blur focus change', function(event) {
		$('#father_info').css('display','block');
		$('#step_father_info').css('display','none');
	});
	$('#to_be_display_step_father').on('click blur focus change', function(event) {
		$('#father_info').css('display','none');
		$('#step_father_info').css('display','block');
	});
	$('#to_be_display_mother').on('click blur focus change', function(event) {
		$('#mother_info').css('display','block');
		$('#step_mother_info').css('display','none');
	});
	$('#to_be_display_step_mother').on('click blur focus change', function(event) {
		$('#mother_info').css('display','none');
		$('#step_mother_info').css('display','block');
	});
	
	if(tobecheckedfather == '' || tobecheckedfather == 'father')
	{
		$('#father_info').css('display','block');
		$('#step_father_info').css('display','none');
	}else{
		$('#father_info').css('display','none');
		$('#step_father_info').css('display','block');
	}
	
	if(tobecheckedmother == '' || tobecheckedmother == 'mother')
	{
		$('#mother_info').css('display','block');
		$('#step_mother_info').css('display','none');
	}else{
		$('#mother_info').css('display','none');
		$('#step_mother_info').css('display','block');
	}
	
	if ( $('#to_be_display_father').is(':checked') ) {
		$('#father_info').css('display','block');
		$('#step_father_info').css('display','none');
	}
	if ( $('#to_be_display_step_father').is(':checked') ) {
		$('#father_info').css('display','none');
		$('#step_father_info').css('display','block');
	}
	if ( $('#to_be_display_mother').is(':checked') ) {
		$('#mother_info').css('display','block');
		$('#step_mother_info').css('display','none');
	}
	if ( $('#to_be_display_step_mother').is(':checked') ) {
		$('#mother_info').css('display','none');
		$('#step_mother_info').css('display','block');
	}
	
	$('#panel_2').on('click', function(event) {
		$('#panel1').removeClass("active");
		$('#panel1').css("padding-top", "");
		$('#panel2').removeClass("active");
		$('#panel2').css("padding-top", "");
		$('#panel3').addClass("active");
		$('#panel3').css("padding-top", "50px");
		$('#panel4').removeClass("active");
		$('#panel4').css("padding-top", "");
	});
	
});
</script>